
$(function () {
    const form = layui.form
    const layer = layui.layer

    // 登录 注册 退出
    const token = localStorage.getItem('token')
    const username = localStorage.getItem('username')
    $('.username').html(username)
    if (token) {
        $('.slinks').hide()
        $('.logined').show()
    } else {
        $('.slinks').show()
        $('.logined').hide()
    }

    $('.fa-sign-out').on('click', function () {
        localStorage.removeItem('token')
        localStorage.removeItem('username')
        location.href = '/index.html'
    })

    getUserEdit()
    // 获取用户信息
    function getUserEdit() {
        axios.get('/user/getUserInfo',
            {
                headers: { token }

            }).then(({ data: res }) => {
                console.log(res);
                if (res.errno !== 0) {
                     layer.msg('获取用户信息失败')
                    location.href = '/web-static/login.html'
                }
                console.log(res);
                // form.val('formUserInfo', res.data)
                $('#username').val(res.data.userInfo.username)
                if (res.data.userInfo.sex === 0) {
                    $('#man').prop('checked', true)
                } else if (res.data.userInfo.sex === 1) {
                    $('#woman').prop('checked', true)
                }
                $('#mobile').val(res.data.userInfo.mobile)
                $('#birthday').val(res.data.userInfo.birthday)
                $('#address').val(res.data.userInfo.address)
                $('#notes').val(res.data.userInfo.notes)
                $('#id').val(res.data.userInfo.id)
                if (res.data.userInfo.icon == null) {
                    $('#tu').attr('src', './static/images/default.png')
                } else {
                    $('#tu').attr('src', res.data.userInfo.icon)
                }

            })
        

            // 重置表单数据
            $('#btnReset').click(function (e) {
                e.preventDefault()
                getUserEdit()
            })
    }

    // 上传图片
    $('#tu').click(function () {
        $('#file').click()
    })

    $('#file').change(function (e) {
        e.preventDefault()
        const filelist = e.target.files
        console.log(filelist);
        if (filelist.length === 0) {
            return layer.msg('请选择图片')
        }
        const file = e.target.files[0]
        console.log(file);
        const imgURL = URL.createObjectURL(file)
        console.log(imgURL);

        $('#tu').attr('src', imgURL)
    })

    // 提交数据
    $('#tj').click(function () {

        $.ajax({
            method: 'POST',
            url: 'http://124.223.14.236:8060/home/user/update',
            data: {
                mobile: $('#mobile').val(),
                icon: $('#tu').attr('src'),
                address: $('#address').val(),
                notes: $('#notes').val(),
                sex: $('#man').prop('checked') ? $('#man').val() : $('#woman').val(),
                birthday: $('#birthday').val(),
                username: $('#username').val(),
                id: $('#id').val()
            },
            headers: {
                token
            },

            success: function (res) {
                console.log(res);
                if (res.errno !== 0) {
                    return layer.msg('更新信息失败')
                }
                layer.msg('更新信息成功')

                location.href = '/advantages-reach-project/web-static/user.html'

                // window.parent.getUserEdit()
            }


        })
    })








    // 性别按钮
    $('input:radio').click(function () {
        const $radio = $(this);
        if ($radio.data('checked')) {
            $radio.prop('checked', false);
            $radio.data('checked', false);
        } else {
            $radio.prop('checked', true);
            $radio.data('checked', true);
        }

        $('#man').click(function () {
            if ($('#man').prop('checked', true)) {
                $('#woman').prop('checked', false)
            }
        })

        $('#woman').click(function () {
            if ($('#woman').prop('checked', true)) {
                $('#man').prop('checked', false)
            }
        })



    });


    axios.get('/index/index', {
        headers: { token }

    }).then(({ data: res }) => {
        if (res.errno !== 0) {
            return console.log('数据请求失败');
        }
        //渲染首页表头列表   
        // let htmlStr1 = template('tpl-nav', res)
        // $('#index-nav').html(htmlStr1)
    })

})